.fa-search{
    position: absolute;
    right: 15px;
    top: 11px;
    color: #cccccc;
}
#bank_modal,
#branch_modal,
#province_modal,
#city_modal{
    position: absolute;
    right:10px;
    top:0px;
    border:1px solid red;
    line-height:40px;
    width: 70%;
    opacity: 0;
    filter: alpha(opacity=0);
}

.mui-table-view{
    margin-top:0!important;
    margin-bottom: 0px !important;
}

#pics {
    padding-top:5px;
    background: #fff;
}
#pics .mui-col-xs-6{
    /*border:1px solid red;*/
}
#pics .imagebox{
    text-align: center;
    border:1px solid #cccc;
    margin:5px ;
}
#pics .imagebox .image{
    padding:10px 0;
    line-height: 1;
    position: relative;
    overflow: hidden;
}
#pics .imagebox .file{
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height:150px;
    opacity: 0;
    /*border: 1px solid red;*/
}
#pics .imagebox .image img{
    width:90%;
}
#pics .imagebox .imagename{
    line-height: 1;
    font-size:12px;
    color: #B9B7BA;
    padding-bottom:10px;
}


/*===================================*/

html,
body {
    background-color: #efeff4;
}
